<template>
  <div class="index-container">
    <MyHeader />
    <div class="index-main-box">
      <MyAside />
      <div class="index-main-body">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import MyHeader from '@/components/subcomponents/MyHeader'
import MyAside from '@/components/subcomponents/MyAside'
export default {
  name: 'index',
  data() {
    return {}
  },
  computed: {},
  methods: {},
  components: {
    MyHeader,
    MyAside,
  },
}
</script>

<style lang="less" scoped>
.index-container {
  height: 100%;
  .index-main-box {
    display: flex;
    height: 100%;
  }
  .index-main-body {
    flex: 1;
    padding: 15px;
  }
}
</style>
